<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    动画
        创建动画
            @keyframes 动画的名字{
                from{

                }
                to{

                }
            }
            @keyframes 动画的名字{
                0%{

                }
                50%{
         
                }
                .....
                100%{
                    
                }
            }
        动画的绑定（引用）

        过渡和动画的区别
   
        
    3d  2d
    transform 改变
        偏移
        旋转 
        缩放
        倾斜

    声明为3d
    景深
        多了一Z轴和3d
        transform:rotate3d()
</body>
</html>